<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--<link rel="shortcut icon" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link rel="stylesheet" href="fonts/font-awesome.min.css" />
		<link rel="stylesheet" href="dist/core.css">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>

	<body>
		<div class="site_wrapper">
			<div class="retruntop">
				<i class="fa  fa-angle-up"></i>
				<div class="title">TOP</div>
			</div>
			<header class="site_header">
				<div class="content">
					<nav class="nav">
						<ul id="navMenu" class="nav_menu">
							<li class="nav_toggle" id="toggleIcon">
								<i class="fa fa-align-justify"></i>
								<i class="fa fa-close"></i>
							</li>
							<li class="signin_toggle" id="signinIcon">
								<i class="fa fa-user"></i>
							</li>
							<li class="home_logo">
								<img src="img/site_logo.png" />
							</li>
						</ul>
						<ul id="navList" class="nav_list">
							<li class="header_logo">
								<img src="img/site_logo.png" />
							</li>
							<li class="item">
								<a href="index.html">HOME</a>
							</li>
							<li class="item">
								<a href="about-church.html" class="current">ABOUT THE CHURCH</a>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="latest-news.html">LATEST NEWS</a>
									<ul class="item-inner">
										<li><a href="latest-news-nav.html">NEWSNAV</a></li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="sermons.html">SERMONS</a>
									<ul class="item-inner">
										<li><a href="latest-sermons.html">SERINTRO</a></li>
									</ul>
								</div>
							</li>
							<li class="item">
								<div class="inner-list">
									<a href="events.html">EVENTS</a>
									<ul class="item-inner">
										<li><a href="events2.html">RECOM</a></li>
									</ul>
								</div>
							</li>
							<li class="item item-inner-list">
								<div class="inner-list">
									<a href="medla-gallery.html">MEDIA GALLERY</a>
									<ul class="item-inner">
										<li><a href="medla-gallery-nav.html">GALNAV</a></li>
									</ul>
								</div>
							</li>
							<li class="item">
								<a href="contactus.html">CONTACT US</a>
							</li>
							<li class="list_down">
								<a>
									<i class="fa fa-list"></i>
									<i class="fa fa-caret-down"></i>
								</a>
								<ul>
									<li>
										<a href="javaScript:;">LOGIN</a>
									</li>
									<li>
										<a href="javaScript:;">REGISTER</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<div class="site_container clearfix">
				<div class="content clearfix">
					<section class="about-banner clearfix">
						<div class="Show-picture">
							<img src="img/about-banner-pic.jpg" width="1250" height="180"/>
						</div>
					</section>
					<section class="site_search clearfix">
						<div class="search-left">
							<h2 class="title">ABOUT THE CHURCH</h2>
							<p class="site-desc">
								HERE YOU CAN ABOUT THE UPCOMING EVENTS OF THE CHURCH
							</p>
						</div>
						<div class="search-right sermons-search">
							<div class="input-icon">
								<i class="fa fa-search"></i>
							</div>
							<input type="text" class="input-box" placeholder="SEARCH THE SITE" />
						</div>
					</section>
					<section class="about-sort clearfix">
						<div class="sort-wrapper">
							<div id="sortDesc">
								<article class="active">
									<header class="desc-head">
										<h3>OUR PHILOSOPHY</h3>
									</header>
									<div class="desc-content">
										<p class="desc-paragraph">
											Under the Lordship of Jesus Christ, we therefore endeavour to establish 
											communities not only in Montreal but also beyond, where people can have 
											opportunities to enter into living encounters with His goodness and 
											compassion. 
										</p>
										<p class="desc-paragraph">
											Missionaries in foreign countries are trained to be culturally relevant. 
											Methodologies and praxis of the church are consciously founded on Biblical 
											principles. 
										</p>
										<p>
											We believe that the Church is the Body of Christ, whose members believe in Jesus Christ and acknowledge His 
											headship. They are joined together by the Holy Spirit who provides His gifts to everyone to contribute to 
											the growth and ministry of the Body of Christ. Therefore all believers have a place and part to play and 
											they do this by committing themselves to a local church for accountability, growth and ministry.
										</p>
									</div>
									<img src="img/about-sort-pic.PNG" class="sort-pic"/>
								</article>
								<article>
									<header class="desc-head">
										<h3>OUR PRIEST</h3>
									</header>
									<div class="desc-content">
										<p class="desc-paragraph">
											Under the Lordship of Jesus Christ, we therefore endeavour to establish 
											communities not only in Montreal but also beyond, where people can have 
											opportunities to enter into living encounters with His goodness and 
											compassion. 
										</p>
										<p class="desc-paragraph">
											Missionaries in foreign countries are trained to be culturally relevant. 
											Methodologies and praxis of the church are consciously founded on Biblical 
											principles. 
										</p>
										<p>
											We believe that the Church is the Body of Christ, whose members believe in Jesus Christ and acknowledge His 
											headship. They are joined together by the Holy Spirit who provides His gifts to everyone to contribute to 
											the growth and ministry of the Body of Christ. Therefore all believers have a place and part to play and 
											they do this by committing themselves to a local church for accountability, growth and ministry.
										</p>
									</div>
									<img src="img/about-sort-pic.PNG" class="sort-pic"/>
								</article>
								<article>
									<header class="desc-head">
										<h3>OUR PROJECTS</h3>
									</header>
									<div class="desc-content">
										<p class="desc-paragraph">
											Under the Lordship of Jesus Christ, we therefore endeavour to establish 
											communities not only in Montreal but also beyond, where people can have 
											opportunities to enter into living encounters with His goodness and 
											compassion. 
										</p>
										<p class="desc-paragraph">
											Missionaries in foreign countries are trained to be culturally relevant. 
											Methodologies and praxis of the church are consciously founded on Biblical 
											principles. 
										</p>
										<p>
											We believe that the Church is the Body of Christ, whose members believe in Jesus Christ and acknowledge His 
											headship. They are joined together by the Holy Spirit who provides His gifts to everyone to contribute to 
											the growth and ministry of the Body of Christ. Therefore all believers have a place and part to play and 
											they do this by committing themselves to a local church for accountability, growth and ministry.
										</p>
									</div>
									<img src="img/about-sort-pic.PNG" class="sort-pic"/>
								</article>
								<article>
									<header class="desc-head">
										<h3>OUR COMMUNITY</h3>
									</header>
									<div class="desc-content">
										<p class="desc-paragraph">
											Under the Lordship of Jesus Christ, we therefore endeavour to establish 
											communities not only in Montreal but also beyond, where people can have 
											opportunities to enter into living encounters with His goodness and 
											compassion. 
										</p>
										<p class="desc-paragraph">
											Missionaries in foreign countries are trained to be culturally relevant. 
											Methodologies and praxis of the church are consciously founded on Biblical 
											principles. 
										</p>
										<p>
											We believe that the Church is the Body of Christ, whose members believe in Jesus Christ and acknowledge His 
											headship. They are joined together by the Holy Spirit who provides His gifts to everyone to contribute to 
											the growth and ministry of the Body of Christ. Therefore all believers have a place and part to play and 
											they do this by committing themselves to a local church for accountability, growth and ministry.
										</p>
									</div>
									<img src="img/about-sort-pic.PNG" class="sort-pic"/>
								</article>
							</div>
						</div>
						<div class="aside">
							<ul id="sortTab">
								<li class="active">OUR PHILOSOPHY</li>
								<li>OUR PRIEST</li>
								<li>OUR PROJECTS</li>
								<li>OUR COMMUNITY</li>
							</ul>
						</div>
					</section>
				</div>
				<div class="content clearfix" id="eventswrapper">
					<section class="site_events">
						<div class="event_nav clearfix">
							<div class="nav-icon fl">
								<img src="img/Thumbnail_pic2.png" class="fl" />
								<div class="event-plan">
									<h2 class="plan-desc">NEXT EVENT IN:</h2>
									<p class="plan-time">79 DAYS, 3 HOURS,51 MINUTES, 22 SECONDS</p>
									<p>
										<button class="btn detall-btn">MORE DETALLS</button>
										<button class="btn share-btn">SHARE THIS</button>
									</p>
								</div>
							</div>
							<div class="nav-time">
								<div class="service service-time fl">
									<h2 class="title">
										<i class="fa fa-clock-o"></i>
										CHURCH SERVICES
									</h2>
									<p class="time">SUNDAY-10:00 AM</p>
									<p class="time">3:00 PM</p>
									<p class="time">6:00 PM</p>
								</div>
								<div class="service service-location fr">
									<h2 class="title">
										<i class="fa fa-map-marker"></i>
										OUR LOCATION
									</h2>
									<p class="time">237 WEST 51ST ST.</p>
									<p class="time">NEW YORK,NY 10019</p>
								</div>
							</div>
						</div>
						<div class="event_list clearfix">
							<ul class="list-container">
								<li class="events_sort">
									<div class="sort-tab">
										<h2 class="tab-title">UPCOMING EVENTS</h2>
										<h3 class="tab-desc">CHURCH ACTIVITIES</h3>
									</div>
									<ul class="event-record">
										<li class="record-sheet">
											<div class="record-time event fl">
												<h2 class="time-month">DEC</h2>
												<h3 class="time-days">24th</h3>
											</div>
											<div class="record-desc ">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time event fl">
												<h2 class="time-month">DEC</h2>
												<h3 class="time-days">24th</h3>
											</div>
											<div class="record-desc ">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time event fl">
												<h2 class="time-month">DEC</h2>
												<h3 class="time-days">24th</h3>
											</div>
											<div class="record-desc ">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet btn">
											<button class="events_btn">
												VIEW ALL EVENTS
											</button>
										</li>
									</ul>
								</li>
								<li class="events_sort">
									<div class="sort-tab">
										<h2 class="tab-title">LATEST NEWS</h2>
										<h3 class="tab-desc">STAY UPDATE</h3>
									</div>
									<ul class="event-record">
										<li class="record-sheet">
											<div class="record-time news fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time news fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time news fl">
												<h2 class="time-month">DEC</h2>
												<h3 class="time-days">24th</h3>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet btn">
											<button class="events_btn">VIEW ALL NEWS</button>
										</li>
									</ul>
								</li>
								<li class="events_sort">
									<div class="sort-tab">
										<h2 class="tab-title">LATEST MEDIA</h2>
										<h3 class="tab-desc">AUDIO & MEDIA</h3>
									</div>
									<ul class="event-record">
										<li class="record-sheet">
											<div class="record-time media fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time media fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time media fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet btn">
											<button class="events_btn">VIEW ALL MEDIA</button>
										</li>
									</ul>
								</li>
								<li class="events_sort">
									<div class="sort-tab">
										<h2 class="tab-title">LATEST SERMONS</h2>
										<h3 class="tab-desc">STAY UPDATE</h3>
									</div>
									<ul class="event-record">
										<li class="record-sheet">
											<div class="record-time sermons fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time sermons fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet">
											<div class="record-time sermons fl">
												<h3 class="time-month">DEC</h3>
												<p class="time-days">24th</p>
											</div>
											<div class="record-desc">
												<p class="depict">
													Sed eget dui in lacus euismod porta sit amet id tellus.
												</p>
												<p class="depict-time">
													SEP 18,2012
												</p>
											</div>
										</li>
										<li class="record-sheet btn">
											<button class="events_btn">VIEW ALL SERMONS</button>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</section>
				</div>
			</div>
			<footer class="site_footer ">
				<section class="footer_wrapper clearfix">
					<div class="content  clearfix">
						<div class="footer-inner clearfix">
							<div class="inner-left  clearfix">
								<div class="service-wrapper fl">
									<div class="service service-time">
										<h2 class="title">
										<i class="fa fa-clock-o"></i>
										CHURCH SERVICES
									</h2>
										<p class="time">SUNDAY-10:00 AM</p>
										<p class="time">3:00 PM</p>
										<p class="time">6:00 PM</p>
									</div>
									<div class="service service-location">
										<h2 class="title">
										<i class="fa fa-map-marker"></i>
										OUR LOCATION
									</h2>
										<p class="time">237 WEST 51ST ST.</p>
										<p class="time">NEW YORK,NY 10019</p>
									</div>
								</div>
								<div class="theme-pic fl">
									<h2 class="title">CHURCH SERVICES</h2>
									<div class="img">
										<div class="img-circle">
											<img src="img/church-sermons_2.jpeg"/>
										</div>
									</div>
								</div>
							</div>
							<div class="inner-right">
								<p>
									Under the Lordship of Jesus Christ, we therefore endeavour to establish communities not only in Montreal but also beyong,where people can have opportunities to enter into living.
								</p>
								<p class="plan">
									Escape is not his plan. I must face him,alone.She must have hidden the plans in the escape pod.Send a detachment down to retrieve them,and see to it.
								</p>
							</div>
						</div>
					</div>
				</section>
				<section class="copyright_wrapper">
					<div class="content   clearfix">
						<div class="copyright clearfix">
							<div class="copyright-left fl">
								COPYRIGHT © THE GOOD NEWS2012,ALL RIGHT RESERVED.
							</div>
							<div class="copyright-right fr">
								DESIGNED WITH LOVE BY
								<a href="#">DANY DUCHAINE</a>
							</div>
						</div>
					</div>
				</section>
			</footer>
		</div>

	
		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/jquery.rotate.min.js"></script>
		<script src="dist/core.js"></script>
		<script>
			$(function() {
				var common = commonjs();
				common.test();
			})

		</script>
	</body>

</html>
